<template>
	<view>
		<swiper class="swiper-lb" indicator-dots autoplay :interval="2000" :duration="1000" circular :style="{marginTop:`${mt}rpx`}">
			<swiper-item v-for="(item,index) in swiperList" :key="index">
				<view class="swiper-item">
					<image :src="item.ImageURL" mode="widthFix" style="width: 100%;  border-radius: 20rpx;" @click="swiperClick(item.ImageId)"></image>
				</view>
			</swiper-item>
		</swiper>
	</view>
</template>
<script>
	export default {
		props: {
			swiperList: {
				type: Array
			},
			mt:{
				type:String,
				default:'-163'
			}
		},
		data() {
			return { }
		},
		methods:{
			swiperClick(di){
				// uni.navigateTo({
				// 	 // url
				// 	 url:"../../pageG/indexSwiper/indexSwiper?id="+di
				// })
			}
		}
	}
</script>
<style>
	.swiper-lb {
		width: 690rpx; 
		height: 265rpx; 
		/* margin-top: -163rpx; */
		margin-left: 30rpx;
		margin-right: 30rpx;
		border-radius: 20rpx;
		position: absolute;

	}

	swiper-item  {
		width: 690rpx;
		height: 274rpx;
		border-radius: 20rpx; 
	}
	.swiper-item{
		width: 690rpx;
		height: 274rpx;
		border-radius: 20rpx;
		background-color: #000000;
	}
</style>
